<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>富豪排行榜</title>
    <link rel="stylesheet" href="./index.css">
  </head>
  <body>
    <div class="wrap">
     
      <div class="container">
        <nav>
          <ul>
            <li>首页</li>
            <li>用户列表</li>
            <li>用户管理</li>
          </ul>
        </nav>
        <header>
          <button class="navBtn">导航栏</button>
          <h1>欢迎来到富豪排行榜</h1>
          <p>welcome to the rich rank</p>
          <button class="login">登录</button>
        </header>
        <main>
          <div class="conLeft">
            <ul>
              <li><button class="add">添加账户</button></li>
              <li><button class="double">资金翻倍</button></li>
              <li><button class="million">查询百万富翁</button></li>
              <li><button class="wealth">财富榜</button></li>
              <li><button class="total">计算总额</button></li>
            </ul>
          </div>
          <div class="mid"></div>

          <div class="conRight">
            <table>
              <thead>
                <th>Person</th>
                <th>Wealth</th>
              </thead>
              <tbody>
               
              </tbody>
            </table>
         
        </main>
      </div>
    </div>
    <script src="./data.js"></script>
    <!-- <script src="index备份.js"></script> -->
    <script src="index.js"></script>
    <!-- <script src="./text.js"></script> -->
  </body>
</html>
